<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>家居网站</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/public.css">
<script src="css/jquery-1.8.3.min.js"></script>
</head>

<body>
<div class="section_big header">
    <div class="header_one">
            <div class="logo"><img src="img/LOGO_03.png"  width="107px" height="88px"/></div>
            <div class="nav cleafix">
                       <ul>
                           <li><a href="#">首页</a></li>
                           <li><a href="#">客厅</a></li>
                           <li><a href="#">卧室</a></li>
                           <li><a href="#">餐厅</a></li>
                           <li><a href="#">厨房</a></li>
                       </ul>
              </div>
              <div class="search"><img src="img/shousuo.png" width="22" height="20"></div>
      </div>
</div>
 <div class="section_big banner">
   <div class="banner_text">
                   <div class="fk">
                         <h3></h3>
                         <div class="fk_text">
                         <span>ENJOY&nbsp;LIFE.</span>
                         <h2>创意和生活</h2>
                         </div>
                   </div> 
          </div>
          <div class="xkk">
                  <div class="shuzi">
                       <span>2/5</span>
                  </div>
          </div>
 </div>
          
<div class="hd">
    <div class="hd_tetx">
        <h2>/ 来自创意灵感和特惠活动</h2>
        <p>   本季新品可为家里注入一抹清新活力，当季的一大主题就是现代斯堪的纳维亚风格，2019年夏季<br>
              产品系列物美价廉，主要包括布料，照明产品和装饰品。
        </p>
    </div>  
    <div class="hd_ss cleafix">
        <ul>
           <li>舒适</li>
           <li>环保</li>
           <li>简约</li>
        </ul>
    </div>
</div>

 
<div class="yz">
    <div class="yz_img"><img src="img/yz.jpg" width="1202" height="948"></div>
    <div class="ck"><a href="../详情页/详情页.html">查看详情</a></div>  
</div>

<div class="service_show" id="dd">
         <div class="section_4 ">
           
             <div class="container-a4" >
               <ul class="caption-style-4">
                   <li style="float:left;">
                     <img src="img/img_1.jpg" width="386" height="294">
                        <div class="caption">
                                   <div class="blur"></div>
                                     <div class="caption-text">
                                       <p>客厅</p>
                                                           
                                                           
                                     </div>
                                </div>
                   </li>
                   <li style="float:left;">
                      <img src="img/img_2.jpg" width="386" height="294">
                         <div class="caption">
                              <div class="blur"></div>
                                <div class="caption-text">
                                 <p>卧室</p>
                                   
                                   
                                </div>
                         </div>
                   </li>
                   <li style="float:left;">
                     <img src="img/img_3.jpg" width="386" height="294">
                         <div class="caption">
                              <div class="blur"></div>
                                <div class="caption-text">
                                 <p>餐厅</p>
                                    
                                   
                                </div>
                         </div>
                   </li>
                   </ul>
             </div>
       </div>
                   
</div>  



<div class="dz">
   <div class="dz_img cleafix">
       <ul>
          <li><a href="#">全部</a></li>
          <li><a href="#">藤椅</a> </li>
          <li><a href="#">布艺沙发</a> </li>
          <li><a href="#">皮革沙发</a></li>
          
       </ul>
   </div>
</div> 
  
<div class="section">

	<ul class="clearfix">

		<li>

			<div class="photo"><img src="img/yz_img_1.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        
        
        
		<li>

			<div class="photo"><img src="img/yz_img_2.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        
        
        
        
		<li>

			<div class="photo"><img src="img/yz_img_3.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        
        
        
		<li>

			<div class="photo"><img src="img/yz_img_4.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        
        
        <li>

			<div class="photo"><img src="img/yz_img_5.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        
        <li>

			<div class="photo"><img src="img/yz_img_6.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        
        
        
        <li>

			<div class="photo"><img src="img/yz_img_7.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        
        
        <li>

			<div class="photo"><img src="img/yz_img_8.jpg" width="264" height="256"></div>

			<div class="text"><a href="../列表页/列表页.html"><h3>点击购买</h3></a></div>
             <div class="dz_jg_text">
                  <h4>单人扶手椅</h4>
                  <div class="one"></div>
                  <div class="two"></div>
                  <div class="there"></div>
              <span>￥699</span>
             </div>
		</li>
        

	</ul>

	<div class="clear"></div>

</div>


<div class="bj_img">
     <div class="bj_img_2">
     <img src="img/bj_img_2.png" width="1203" height="642"> 
     </div>
</div>


<div class="pin">
   <h2>品牌理念</h2>
   <div class="he"></div>
   <p>    我们不相信有完美无缺的家，但是我们相信家能完美彰显房子主人的风格特点，在家里，一切风格和<br>
    功能都能按照你的喜好和需求设计而且无需花费太多即可为你带来舒适的感觉，打造出一方你喜欢称<br>
    其为家的空间</p>
</div>


   <!--内容footer开始-->
  <div class="footer" id="hh">
    <div class="footer-center">
        <div class="footer-text">
        
            <ul class="about-us">
            <li><h3>关于我们</h3></li>
            <li>公司简介</li>
            <li>企业优势</li>
            <li>荣誉资质</li>           
            <li>企业文化</li>
            </ul>
            

             <ul class="about-us">
            <li><h3>客户服务</h3></li>
            <li> 这就是居家</li>                                  
            <li>工作在居家</li>
            </ul>
            
            
             <ul class="about-us">
            <li><h3>服务中心</h3></li>                                         
            <li>购物攻略</li>
            <li>居家理念</li>
            <li>联系方式 </li>
            <li>常见问答</li>
            </ul>
            
            
             <ul class="about-us">
            <li><h3>居家商场</h3></li>               
            <li> 民主设计</li>
            </ul>
            
           
             <ul class="about-us">
            <li><h3> 居家服务</h3></li>
            <li> 关于居家集团 </li>                               
            </ul>
            
            
             <ul class="about-us">
            <li><h3>联系我们</h3></li>
            <li>联系方式</li>
            <li>在线留言</li>
            <li>招贤纳士</li>
            </ul>
        </div>
        <div class="plat">
        <img src="img/dt.png" width="442" height="366">
         </div>
     </div>
  </div>
  <!--内容footer结束-->
  
  
<div class="ft">
<img src="img/首页_03.jpg" width="1200" height="499"> 
</div>  
<script>

$(function(){

	$(".section ul li .rsp").hide();

	$(".section	 ul li").hover(function(){


		$(this).find(".text").stop().animate({left:'0'}, {duration: 500})

	},function(){


		$(this).find(".text").stop().animate({left:'518'}, {duration: "fast"})

		$(this).find(".text").animate({left:'-318'}, {duration: 0})

	});

});

</script> 
</body>
</html>
